<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
	</head>
	<body>
		<div id="app">
			<ul>
				<!-- 数组循环 -->
				<li v-for="item in arr">{{item}}</li>
				<li v-for="(item,index) of arr" :key="index">{{index}}-------{{item}}</li>
				<!-- :key保证数组元素的唯一性
				值不能重复，
				值不能自动发生变化
			 -->
			</ul>
			
			<ul>
				<li v-for="(item,key,index) in obj">{{key}}---{{item}}--{{index}}</li>
			</ul>
			<!-- 有些时候我们可能会对一个元素即用到v-for，有用到v-if
				不建议v-for和v-if用到同一个元素上，v-for和v-if拆开来使用-->
				
				<ul>
					<li v-for="(item,index) of arr">
						<span v-if="index>=1">{{index}}------{{item}}</span>
					</li>
				</ul>
		</div>

		<script src="js/v2.6.10/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/demo5.js" type="text/javascript" charset="utf-8"></script>





	</body>
</html>
